<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>精选品牌</title>
    <!--公共样式-->
    <link rel="stylesheet" href="css/base.css">
    <!--本页面css-->
    <link rel="stylesheet" href="css/brands.css">
    <!--公用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--swiper-->
    <link rel="stylesheet" href="lib/swiper/swiper.min.css">
</head>
<body style="">
<!--回到顶部-->
<div class="backtop">
    <a href="#" class="">
        TOP
    </a>

</div>

<!--头部开始-->
<header>
    <div class="w header-w">
        <!--logo部分-->
        <div class="logo">
            <h1>
                <a href="/">

                </a>
            </h1>
        </div>

        <!--搜索框-->
        <div id="search" class="">
            <div class="search-m">
                <div class="form">
                    <button class="search-btn">
                        搜索
                    </button>
                    <input type="" name="" class="search-inp" style="color: rgb(153,153,153);"
                           placeholder="炸鸡、汉堡、麻辣烫...">

                </div>
            </div>
            <!--搜索热词-->
            <div class="search-word">
                <a href="javascript:void(0);">投资金额：</a>
                <a href="javascript:void(0);">3-5万</a>
                <a href="javascript:void(0);">5-10万</a>
                <a href="javascript:void(0);">15-20万</a>
                <a href="javascript:void(0);">20-30万</a>
            </div>
        </div>

        <!--三个图标-->
        <div class="join">
            <a href="javascript:void(0);">
                <img src="images/index/join01.png" alt="">
                <p>项目库</p>
            </a>
            <a href="javascript:void(0);">
                <img src="images/index/join02.png" alt="">
                <p>招商发布</p>
            </a>
            <a href="javascript:void(0);">
                <img src="images/index/join03.png" alt="">
                <p>展商入驻</p>
            </a>
        </div>
    </div>
</header>
<!--头部结束-->

<!--上部三格子-->
<nav id="threes">
    <div class="ww nav-content">
        <div class="nav-left">
            <div class="mid-title">
                <p>品牌排行榜</p>
                <p>BRAND RANKING</p>
                <ul class="mid-nav">
                    <li>
                        <span>1</span>
                        <span>辣么棒</span>
                    </li>
                    <li>
                        <span>2</span>
                        <span>辣么棒</span>
                    </li>
                    <li>
                        <span>3</span>
                        <span>辣么棒</span>
                    </li>
                    <li>
                        <span>4</span>
                        <span>辣么棒</span>
                    </li>
                    <li>
                        <span>4</span>
                        <span>辣么棒</span>
                    </li>
                    <li>
                        <span>5</span>
                        <span>辣么棒</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav-mid">
            <div class="swiper-container" id="swiper-container1">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="javascript:void(0);">
                            <img src="images/brands/banner_01.png" alt="">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:void(0);">
                            <img src="images/brands/banner_01.png" alt="">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:void(0);">
                            <img src="images/brands/banner_01.png" alt="">
                        </a>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <!--<div class="swiper-pagination"></div>-->

                <!-- 如果需要导航按钮 -->
                <!--<div class="swiper-button-prev swiper-button-white"></div>-->
                <!--<div class="swiper-button-next swiper-button-white"></div>-->

            </div>
        </div>
        <div class="nav-right">
            <a href="javascript:void(0);">
                <img src="images/brands/person.png" alt="">
            </a>
        </div>
    </div>
</nav>

<!--主体-->
<main>
    <!--标题-->
    <div class="brand-title">

    </div>

    <!--品牌盒子-->
    <div class="brand-box">
        <ul class="bb-nav ww">
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop01.png" alt="">
                        <p>蜀帅麻辣香锅</p>
                        <p>川渝风味</p>
                        <p>实力品牌，轻松开店</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop02.png" alt="">
                        <p>辣么棒麻辣烫</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop03.png" alt="">
                        <p>我呀便当</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop04.png" alt="">
                        <p>韩巴巴炸鸡</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop05.png" alt="">
                        <p>厉害了炒饭</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop06.png" alt="">
                        <p>湘口福酸菜鱼</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop07.png" alt="">
                        <p>煲百味</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop08.png" alt="">
                        <p>馋瘾辣骨饭</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop09.png" alt="">
                        <p>灶掌柜家常现炒</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop10.png" alt="">
                        <p>有味少年</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop11.png" alt="">
                        <p>暖小稻</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <div class="popup">
                        <img src="images/brands/pop12.png" alt="">
                        <p>粥员外</p>
                        <p>行业先锋品牌</p>
                        <p>四季生意，整店输出</p>
                        <input type="button" value="关注">
                    </div>
                </a>
            </li>
        </ul>
    </div>
</main>

<!--页脚-->
<footer class="w">
    <!--左logo-->
    <div class="footer-logo">
        <h2>
            <a href="javascript:void(0);">
                <img src="images/index/logo.png" alt="">
            </a>
        </h2>

    </div>
    <!--中信息-->
    <div>
        <h2>加盟热线：400-655-600</h2>
        <ul class="bot-nav clearfloat">
            <li>
                <a href="javascript:void(0);">关于我们</a>
            </li>
            <li>
                <a href="javascript:void(0);">产品服务</a>
            </li>
            <li>
                <a href="javascript:void(0);">免责声明</a>
            </li>
            <li>
                <a href="javascript:void(0);">诚聘英才</a>
            </li>
            <li class=".last">
                <a href="javascript:void(0);">友情链接</a>
            </li>
        </ul>
        <p>创业有风险 投资需谨慎 多打电话多咨询，可降低风险</p>
        <p>经营许可编号：1234567890</p>
    </div>
    <!--右二维码-->
    <a href="javascript:void(0);">
        <img src="images/index/erweima.png" alt="">
    </a>
</footer>

<script src="lib/jq/jquery-1.10.2.min.js"></script>
<!--swiper-->
<script src="lib/swiper/swiper.min.js"></script>
<script src="js/common.js"></script>
</body>
</html>
